<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>
<body>
  <div class="app-wrap" v-cloak id="save_center">
    <header-top></header-top>
    <user-top></user-top>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav  navtext="收藏的商品"></leftnav>
        <div class="save_content">
          <ul class="tabs tabs-enterPrise">
            <li class="li-tab" v-for="(item,index) in save_tabs" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
              <span>{{item}}</span>
            </li>
          </ul>
          <div class="divTab shop_tabs" v-show="nowIndex===0">
            <div class="search-top">
              <button class="btn-focus" @click="changesave()" v-if="changeSave">批量操作</button>
              <div class="batch" v-if="!changeSave">
                <button class="complate_btn" @click="changesave()">完成</button>
                <div class="picker">
                  <span @click="checkAll()" class="checkAll"><i v-bind:class='{checkbox:true,ischeck:ischeck}'></i>全选</span>
                  <button class="cart" >加入购物车</button>
                  <button class="save" @click="quxiaoproduct">取消收藏</button>
                </div>
              </div>
            </div>
            <div class="search-content">
              <div class="goods_list clear">
                <div  @click="checkOne(index,item.id)" v-bind:class='{goods:true,ischeck:ischeck || allindex.indexOf(index) > -1,ispicker:ispicker,}' v-for="(item,index) in brands">
                  <span class="icon-flag-1" v-if="ispicker"></span>
                  <span class="icon-flag-2" v-if="ischeck || allindex.indexOf(index) > -1"></span>
                  <a :href="'../goods/goods-detalis.html?productId='+item.productId"></a>
                    <div class="goods_top">
                      <i class="mask" v-if="ispicker && allindex.indexOf(index) == -1"></i>
                       <img :src="item.picImg">
                      <!--<img :src="item.src">-->
                        <div class="goods_hover">
                          <button >取消收藏</button>
                          <button>加入购物车</button>
                        </div>
                    </div>
                    <div class="goods_info">
                      <div class="shop_name ellipsis">{{item.productName}}</div>
                      <p class="num">月销量{{item.monthlySales}}件</p>
                      <p class="price">¥{{item.showPrice}}</p>
                    </div>
                  
                </div>
              </div>
              <!-- 分页 -->
              <common-page :current="1" :all="count" @btn-click="listen"></common-page>
            </div>
          </div>
          <div class="divTab shop_tabs" v-show="nowIndex===1">
            <div class="search-top">
              <button class="btn-focus" @click="changesave()" v-if="changeSave">批量操作</button>
              <div class="batch" v-if="!changeSave">
                <button class="complate_btn" @click="changesave()">完成</button>
                <div class="picker">
                  <span @click="checkAll()" class="checkAll">
                    <i v-bind:class='{checkbox:true,ischeck:ischeck}'></i>全选</span>
                    <button class="save">取消关注</button>
                </div>
              </div>
            </div>
            <div class="search-content">
              <div class="shop_list clear">
                <div @click="checkOne(index)" v-bind:class='{goods:true,ischeck:ischeck || allindex.indexOf(index) > -1,ispicker:ispicker,}'
                  v-for="(item,index) in save_shop">
                  <span class="icon-flag-1" v-if="ispicker"></span>
                  <span class="icon-flag-2" v-if="ischeck || allindex.indexOf(index) > -1"></span>
                  <a :href="'../remen/shop_i.html?businessId='+item.sellerId"></a>
                  <div class="goods_top">
                    <i class="mask" v-if="ispicker && allindex.indexOf(index) == -1"></i>
                    <!-- <img :src="item.picImg"> -->
                    <img :src="item.src">
                    <div class="goods_hover">
                      <button>取消收藏</button>
                      <button>加入购物车</button>
                    </div>
                  </div>
                  <div class="goods_info">
                    <div class="shop_name ellipsis">{{item.shop_name}}</div>
                  </div>
                </div>
              </div>
              <!-- 分页 -->
              <common-page :current="1" :all="count" @btn-click="listen"></common-page>
            </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    save_center();
  </script>
</body>

</html>